<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var a = "hello worldadsoifjjfo23p8 nuioweij flaksdj vkljr29p8r niosajds ghu op2ik410923iolsad knfvoi;as jflk;aschnuil1jkl";
        var reg = /x[a-e]*/g
        // console.info(reg.exec(a))
        // console.info(reg.exec(a))
        while (x = reg.exec(a)) { // false 0 undefined null '' 
            console.info(x[0])
        } 

        // var ca = "";
        // if (ca) {
        //     console.info("true")
        // } else {
        //     console.info("false")
        // }

        var a = [1, 3, 5]
        a.forEach(item => {
            console.info(item)
        })
        
        var a = {ename: 'tom', age: 10, show:function(){
            console.info(this.ename + '@' + this.age)
        }}

        a.show()

    </script>
</head>
<body>
    1
    <h1>hello world</h1>
    2
    <mazheng style="display: block;">hello world</mazheng>
    3
    <div class="a2">
        <div class="a1">1</div>
        <div class="a1"> 2</div>
    </div>
    <style>
        .a2 {
            display: flex;
            justify-content: center;
            flex-direction: row; /* column */
            align-items: center;
            border: 1px solid black;
            width: 600px;
            height: 600px;
        }

        .a2 > .a1 {
            /* margin: 0 auto; */
            border: 1px solid black;
            width: 100px;
            height: 100px;
        }

    </style>
    <hr />
    <div id="app">
        <h1 v-html="stu.ename"></h1>
        <h1>{{stu.ename}}-{{stu.age}}</h1>
        <input v-model="stu.ename" />
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                stu: {
                    ename: 'tom',
                    age: 10
                }
            }
        })
    </script>
</body>
</html>